@charset "utf-8";
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{border-radius:10px;}
::-webkit-scrollbar-track-piece{background: #efefef; }
::-webkit-scrollbar-thumb{  background: #dddddd; border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #dddddd;}
::-webkit-scrollbar-corner{ background: #dddddd;}

a { color:#000000; text-decoration:none; cursor:pointer; }
a:hover { color:#044fa2; }
* { margin:0px; padding:0px; box-sizing:border-box;}
*:focus {outline: none; }
li { list-style:none; }
em , i { font-style:normal; }
h1 , h2 , h3 , h4 , h5 { font-weight:normal; }
input , button , textarea { font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#333333; float:left; outline:none; resize:none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
body {font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#666; background-color: #f9f9f9; }
.red { color: #ff0909; }
.green { color: #47b616; }
/*loading*/
.preloader { position: fixed;left: 0; top: 0;right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999; background-color: #ffffff; display: flex;}
.spinner { width: 40px; height: 40px;  margin: auto; background-color: #044fa2 ; border-radius: 50%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) }  100% {-webkit-transform: scale(1.0);  opacity: 0; }}
@keyframes sk-scaleout { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } }


.login { width: 500px; margin: 10% auto 0 auto; background: #ffffff; padding: 40px 50px; /* box-shadow: 0 0 20px #eeeeee; */border-radius: 10px; overflow: hidden; }
.login .logo { text-align: center; }
.login .input { cursor: pointer; width: 100%; border: 1px solid #eeeeee; border-radius: 10px; line-height: 50px; padding: 0 14px; margin: 30px 0 0 0; }
.login .button { cursor: pointer; width: 100%; background-color: #044fa2; border: 0; border-radius: 10px; line-height: 50px;  margin: 30px 0 0 0; font-size: 18px; color: #ffffff; letter-spacing: 2px; }
.login form { padding: 20px; }

.topbar { background-color: #ffffff; width: 100%; height: 70px; position:fixed; left: 0; z-index: 1000000; top: 0; display: flex; justify-content: space-between; }
.topbar .logo { height: 40px; margin: 15px 40px; }
.topbar div { line-height: 40px; margin: 15px 40px 15px 0; font-size: 12px; }
.topbar div span { padding: 0 10px; color: #d5d5d5; }
.topbar div a { color: #666; }
.topbar div a strong { color: #044fa2; }

.container { position: relative; top: 70px; height: calc(100% - 70px);  padding: 20px 5% 0 5%; z-index: 1; }

.source { width: 200px; position: fixed; border-radius: 10px; }


.aboutleft { background-color: #ffffff; border-radius:10px; width: 200px; padding: 20px 0 ; }
.aboutleft .line { padding: 4px 20px;   display: flex; justify-content: flex-start;  flex-wrap:wrap; }
.aboutleft .line span { padding:0 10px 0 0; line-height: 24px; }
.aboutleft .line span.strong { font-size:18px;}
.aboutleft .line strong { font-size: 18px;}
.aboutleft .line i { background-color: #e0efff; color: #044fa2; margin: 1px 10px 0 0; padding: 3px 10px; border-radius: 2px; font-size: 12px; }
.aboutleft .line .big {  font-size:28px; font-weight: 700; }
.aboutleft .line .small { padding: 14px 0 0 10px; }
.aboutleft .line .bok { width: 100%; }

.aboutright { background-color: #ffffff; border-radius:10px; display: flex; justify-content: flex-start; padding:10px 0 ; margin-top: 20px; flex-wrap: wrap; }
.aboutright div { width: 100%; padding: 14px 0 14px 6px; margin: 0 20px;  border-bottom: 1px solid #f3f3f3; }
.aboutright div:last-child { border-bottom: 0; }
.aboutright div img { width: 20px; vertical-align: middle; margin-right: 6px; border-radius: 10px; }


.mainright { margin-right: 40px; width: calc(100% - 220px); margin-left:220px; }

.search { background-color: #ffffff; border-radius: 10px; padding: 8px 30px 14px 30px; overflow:auto; }
.search .searchlist { line-height: 30px; padding: 14px 0; display: flex; justify-content:space-between; border-bottom: 1px solid #f3f3f3; }
.search .searchlist:last-child { border-bottom: 0; padding-bottom: 4px;}
.search .searchlist .class { width: 80px; color: #666; }
.search .searchlist ul { width: calc(100% - 90px); display: flex; justify-content: flex-start; flex-wrap: wrap; }
.search .searchlist ul li { padding:0 0; margin: 0 20px 0 0; cursor:pointer;}
.search .searchlist ul li.on {color: #044fa2; border-radius: 10px; font-weight: 700; }
.search .time { font-size: 12px; background-color: #f5f5f5; border-radius: 10px; padding: 0 10px; width: 300px; display: flex; justify-content: space-between;}
.search a { color: #044fa2; line-height: 40px;  background:url("/static/pc/img/down.png") no-repeat left;  background-size: 18px; padding-left: 24px;  }
.search input { border: 0; color:#898989; background-color: #f5f5f5; line-height: 20px; font-size: 12px; }
.search span  { padding: 4px 0 0 0;}
.search span img  { width: 20px; cursor: pointer; }

.con { background-color: #ffffff; border-radius: 10px; margin-top: 20px; padding: 8px 20px; }
.list { background: #ffffff; border-bottom: 1px solid #f3f3f3; padding: 10px 0 20px 0; margin-bottom: 10px;}
.list:last-child { border-bottom: 0; padding: 10px 0 0 0; }
.list a { font-size: 16px; line-height: 28px; font-weight: 550; color: #696969; padding-bottom: 5px; display: block; }
.list a:hover { color:#044fa2; }
.list .presentation a {  font-weight: 500; font-size: 15px; line-height: 24px; color: #878686; padding:0 0 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.list .info { font-size: 12px; display: flex; justify-content:space-between; }
.list .info .add { color: #044fa2; }

.list .info .time { color: #999999; display: flex; justify-content:flex-start; }
.list .info i { font-size: 12px; margin: 0 10px 0 0 ; padding: 2px 8px; color: #ffffff; border-radius: 10px;  }
.list .info i.red { background-color: #ff0909; }
.list .info i.green { background-color: #47b616; }
.list .info i.hui { background-color: #d8d8d8; }

.list .info span { font-size: 12px; padding: 0 5px; }
.list .evaluate { font-size: 12px; color: #999999; }
.list .evaluate span { font-weight: 600; font-size: 12px; padding: 0 10px; }
.list .info em { padding-left:20px; }



.page { display: flex; justify-content:flex-end; padding: 20px 0; }
.page a { width: 40px; height: 40px; color: #696969; background-color: #ffffff; text-align: center; line-height: 40px; border-radius: 6px; margin-right: 6px; border: 1px solid #e7e7e7; }
.page a.on { border: 1px solid #044fa2; color: #044fa2; }
.page a:hover { border: 1px solid #044fa2; color: #044fa2; }
.page span { background-color: #ffffff; color: #696969; line-height: 38px; margin: 0 0 0 20px; padding: 0 20px; margin-left: 20px; border-radius: 6px; border: 1px solid #e7e7e7; }
.footer { text-align: right; padding: 20px 0; color: #cdcdcd; font-size: 12px; }
.footer a { color: #cdcdcd; padding-left: 10px; }
.footer a:hover { color: #cdcdcd; }
